<script setup>
import { useCounterStore } from '@/stores/counter'
import image from '@/assets/image/404.png'
import demo from '@/mixins/demo';
let stores = demo()
const counter = useCounterStore()
console.log('测试count:', counter.count)
console.log('测试stores:', stores)
const state = ref(123)
const obj = ref(null)
const handleClick = () => {
  counter.increment()
}
</script>

<template>
  <div>Home{{ state }}---{{ counter.count }}---{{ stores.num }}</div>
  <button class="btn" @click="handleClick">按钮666</button>
  <button class="btn" @click="addNum">混入</button>
  <a @click="handleClick">跳转</a>
  <img :src="image" alt="" />
  <div>
    <el-button type="primary" @click="$router.push('/403')">403</el-button>
  </div>
  <el-button type="success">Success</el-button>
</template>

<style scoped lang="scss">
.btn {
  width: 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
</style>
